@media only screen and (max-width: 768px) {
    .phb-img{    width: 100%;    background: #030349;    height: 160px;}
.phb-img img{height: 160px;    max-width: 100%;    padding: 0px 0;    display: block;margin: 0px auto;}
.phb-arc{display:none;}
.phb-ls-list{list-style-type:none;float:left;width:90%;margin:20px 5%; }
.phb-ls-list li{margin:5px 0%; float:left;width:100%;height:60px;text-align:center;overflow: hidden;background:#f8f8f8;}
.phb-ls-list li span{border-radius: 0px;background-image: linear-gradient(120deg,#96b705 38px,#44a24e 30px);float:left;width:25%;height:40px;line-height:40px;text-align:center;color:#fff;font-size:26px; font-weight:700;margin:10px 0 0 0;}
.phb-ls-list li a{float:left;width:75%;height:60px;line-height:60px;text-align:center;margin:0 0%;color:#00740c;font-size:18px;}
#menu{position:fixed;bottom:0px;width:100%;background:#fff;height:50px;line-height:50px;z-index:999;box-shadow: 0 0px 5px #eee;}
#menu ul{margin:0 auto;list-style-type:none;width:100%;max-width:500px;height:100%;}
#menu ul li{float:left;width:25%;height:100%;text-align:center;position:relative;margin:0 0%}
#menu ul li .line{position:absolute;top:0px;right:0px;z-index:30;}
#menu ul li .menu_li{position:absolute;top:0px;left:0px;z-index:20;width:100%;height:100%;color:#454545;background:#fff;box-shadow: 0 0px 5px #ddd;}
#menu ul li .img_front{background:#fff;position:absolute;top:0px;left:0px;z-index:30;width:100%;height:100%;}
#menu ul li .img_front img{display:none;width:100%;height:100%;}
#menu ul li box{position:absolute;top:0px;left:10px;}
#menu ul li span{background-image: linear-gradient(120deg,#0061ad 100px,#004276 100px);border-radius: 8px;box-shadow: 0 0px 0px #3b9ff6;position:absolute;bottom:-300px;left:50%;margin:0 10% 0 -40%;padding:10px 0;height:auto;text-align:center;z-index:10;}
#menu ul li span .box a{border-radius: 58px;float:left;width:100%;height:30px;line-height:30px;color:#454545;text-decoration:none;font-size:0.8rem;box-shadow: 0 0px 0px #fff;color:#fff;margin:2px 0;}
#menu ul li .menu_li p{margin:12px 0 0 0;font-size:0.8rem}
#menu ul li .menu_li.k1{background:#fff url(/images/live3png.png) 50% 4px no-repeat;background-size:23px 23px}
#menu ul li .menu_li.k2{background:#fff url(/images/tj5.png) 50% 6px no-repeat;background-size:18px 18px}
#menu ul li .menu_li.k3{background:#fff url(/images/lx7.png) 50% 6px no-repeat;background-size:18px 18px}
#menu ul li .menu_li.k4{background:#fff url(/images/tj3.png) 50% 4px no-repeat;background-size:20px 20px}
}
@media only screen and (min-width: 768px) {
.phb-ls-list{list-style-type:none;float:left;width:90%;margin:0 7%; }
.phb-ls-list li{margin:10px 0%; float:left;width:100%;height:60px;text-align:center;overflow: hidden;background:#f8f8f8;}
.phb-ls-list li:hover{background:#ddd;}
.phb-ls-list li span{border-radius: 8px;background-image: linear-gradient(120deg,#0061ad 60px,#004276 30px);float:left;width:25%;height:60px;line-height:60px;text-align:center;color:#fff;font-size:30px}
.phb-ls-list li a{float:left;width:75%;height:60px;line-height:60px;text-align:center;margin:0 0%;color:#004276;font-size:20px; }
.phb-img{width:100%;background:#030349;height:300px;}
.phb-img img{height:300px; max-width: 100%;padding: 0% 0;  display: block; margin: 0px auto;}
.phb-arc{display:none;}
#menu{display:none}
}